---
title: Preview Link Card
description: Displays a preview image of a link when hovered.
author:
  name: imskyleen
  url: https://github.com/imskyleen
releaseDate: 2025-11-17
---

<ComponentPreview name="demo-components-radix-preview-link-card" />

## Installation

<ComponentInstallation name="components-radix-preview-link-card" />

## Usage

```tsx
<PreviewLinkCard href="https://animate-ui.com/docs">
  <PreviewLinkCardTrigger>Animate UI Docs</PreviewLinkCardTrigger>
  <PreviewLinkCardContent>
    <PreviewLinkCardImage alt="Preview link card content" />
  </PreviewLinkCardContent>
</PreviewLinkCard>
```

## API Reference

### PreviewLinkCard

<div className="flex flex-col gap-2">
<ExternalLink
  href="https://animate-ui.com/docs/primitives/radix/preview-link-card#previewlinkcard"
  text="Animate UI API Reference - PreviewLinkCard Primitive"
/>

<ExternalLink
  href="https://www.radix-ui.com/primitives/docs/components/hover-card#root"
  text="Radix UI API Reference - HoverCard.Root"
/>
</div>

### PreviewLinkCardTrigger

<div className="flex flex-col gap-2">
<ExternalLink
  href="https://animate-ui.com/docs/primitives/radix/preview-link-card#previewlinkcardtrigger"
  text="Animate UI API Reference - PreviewLinkCardTrigger Primitive"
/>

<ExternalLink
  href="https://www.radix-ui.com/primitives/docs/components/hover-card#trigger"
  text="Radix UI API Reference - HoverCard.Trigger"
/>
</div>

### PreviewLinkCardContent

<div className="flex flex-col gap-2">
<ExternalLink
  href="https://animate-ui.com/docs/primitives/radix/preview-link-card#previewlinkcardcontent"
  text="Animate UI API Reference - PreviewLinkCardContent Primitive"
/>

<ExternalLink
  href="https://www.radix-ui.com/primitives/docs/components/hover-card#content"
  text="Radix UI API Reference - HoverCard.Content"
/>
</div>

### PreviewLinkCardImage

<ExternalLink
  href="https://animate-ui.com/docs/primitives/radix/preview-link-card#previewlinkcardimage"
  text="Animate UI API Reference - PreviewLinkCardImage Primitive"
/>

## Credits

- [Radix UI Hover Card](https://www.radix-ui.com/primitives/docs/components/hover-card)
- Inspired by [Aceternity UI Link Preview](https://ui.aceternity.com/components/link-preview)
